<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('经费批次列表')" />
</head>
<body class="gray-bg">
     <div class="container-div">
        <div class="row">
            <div class="col-sm-12 search-collapse">
                <form id="formId">
                    <div class="select-list">
                        <ul>
                            <li>
                                <label style="width:100px;">经费批次名称：</label>
                                <input type="text" name="jingfeipicimingcheng"/>
                            </li>
                            <li>
                                <label style="width:100px;">发放总人数：</label>
                                <input type="text" name="fafangrenshu"/>
                            </li>
                            <li>
                                <label style="width:100px;">全额发放人数：</label>
                                <input type="text" name="quanerenshu"/>
                            </li>
                            <li>
                                <label style="width:100px;">停发人数：</label>
                                <input type="text" name="tingfarenshu"/>
                            </li>
                            <li>
                                <label>总金额：</label>
                                <input type="text" name="zongjine"/>
                            </li>
                            <li>
                                <label>发放金额：</label>
                                <input type="text" name="fafangjine"/>
                            </li>
                            <li>
                                <label style="width: 100px;">是否已发放：</label>
                                <input type="text" name="isfafang"/>
                            </li>
                            <li>
                                <label>开始年月：</label>
                                <input type="text" class="time-input" placeholder="请选择开始年月" name="kaishinianyue"/>
                            </li>
                            <li>
                                <label>结束年月：</label>
                                <input type="text" class="time-input" placeholder="请选择结束年月" name="jieshunianyue"/>
                            </li>
                            <li>
                                <label style="width: 100px;">计算截止日期：</label>
                                <input type="text" class="time-input" placeholder="请选择计算截止日期" name="jisuanshijian"/>
                            </li>
                            <li>
                                <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
                                <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
                            </li>
                        </ul>
                    </div>
                </form>
            </div>

            <div class="btn-group-sm" id="toolbar" role="group" style="margin-top: 120px;">
                <a class="btn btn-success" onclick="$.operate.add()" shiro:hasPermission="system:jingfeipici:add">
                    <i class="fa fa-plus"></i> 添加
                </a>
                <a class="btn btn-primary single disabled" onclick="$.operate.edit()" shiro:hasPermission="system:jingfeipici:edit">
                    <i class="fa fa-edit"></i> 修改
                </a>
                <a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()" shiro:hasPermission="system:jingfeipici:remove">
                    <i class="fa fa-remove"></i> 删除
                </a>
                <a class="btn btn-warning" onclick="$.table.exportExcel()" shiro:hasPermission="system:jingfeipici:export">
                    <i class="fa fa-download"></i> 导出
                </a>
            </div>
            <div class="col-sm-12 select-table table-striped">
                <table class="bootstrap-table table-hover table-striped table" style="text-align: center;">
                    <tr style="font-weight: bold;">
                        <td>经费批次名称</td>
                        <td>总人数</td>
                        <td>实发人数</td>
                        <td>停发人数</td>
                        <td>总金额</td>
                        <td>实发金额</td>
                        <td>开始年月</td>
                        <td>结束年月</td>
                        <td>截止日期</td>
                        <td>发放状态</td>
                        <td>操作</td>
                    </tr>
                    <tr>
                        <td>2023年上半年经费发放</td>
                        <td>1950</td>
                        <td>1930</td>
                        <td>20</td>
                        <td>7,020,000</td>
                        <td>-</td>
                        <td>2023-01</td>
                        <td>2023-06</td>
                        <td>2023-04-20</td>
                        <td>未发放</td>
                        <td>
                            <button class="btn btn-md btn-success">发放</button>
                            <button class="btn btn-md btn-warning" onclick="toJingfeiShengfen()">查看</button>
                        </td>
                    </tr>
                    <tr>
                        <td>2022年下半年经费发放</td>
                        <td>2000</td>
                        <td>1960</td>
                        <td>40</td>
                        <td>7,056,000</td>
                        <td>7,056,000</td>
                        <td>2022-07</td>
                        <td>2022-12</td>
                        <td>2022-09-20</td>
                        <td>已发放</td>
                        <td>
                            <button class="btn btn-md btn-success">发放</button>
                            <button class="btn btn-md btn-warning" onclick="toJingfeiShengfen()">查看</button>
                        </td>
                    </tr>
                    <tr>
                        <td>2022年上半年经费发放</td>
                        <td>2300</td>
                        <td>2230</td>
                        <td>70</td>
                        <td>8,028,000</td>
                        <td>8,028,000</td>
                        <td>2022-01</td>
                        <td>2022-06</td>
                        <td>2022-04-20</td>
                        <td>已发放</td>
                        <td>
                            <button class="btn btn-md btn-success">发放</button>
                            <button class="btn btn-md btn-warning" onclick="toJingfeiShengfen()">查看</button>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <th:block th:include="include :: footer" />
    <script th:inline="javascript">
        function toJingfeiShengfen(){
            $.modal.openTab("单位拨款详情",'/system/demo/jingfei_shengfen',false);
        }
    </script>
</body>
</html>